<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
			/* 后代选择器：派生，空格！   用途：选中父元素中子元素
             语法：任意选择器【父级】任意选择器{}
			  网页：嵌套元素
			 */
			dl dd{
				clear: #7b7b7b;
				background:#adeaea;
			}
			ul li{
				background: #adeaea;
			}
			ul .m,.t{
				font-size: 50px;
				background:#ffffff;
			}
			/* 后代选择器删除线  必须从id找 ---删除线  字体放大到20px 颜色：红色  背景：黑色 */
			#nav div div del{
				font-size: 20px;
				color: #ff0000;
				background: #000000;
			}
			
			.ftooer div div div s{
				font-size: 36px;
				color: #adeaea;
				background: #eaadea;
			}
			 .ftooer div s{
				 font-size: 36px;
				 color: #adeaea;
				 background: #eaadea;
			 }
		</style>
	</head>
	<body>
		<div class="ftooer">
			<div> <div> <div>  <s>删除线</s> <span>行内元素</span>  </div>  </div>  </div>
			<div> <s>删除线</s> </div>
		</div>
		
		<hr>
		<div id="nav">
			<span>这是一个段落</span>
			<div>  <p>第一个段落</p>  <div><del class="TT">删除线</del></div>  </div>
			<div>  <p>第二个段落</p>  </div>
			</div>
		
		<hr>
		<!-- 块元素：定义列表,无序列表 -->
		<dl>
			<dt>图片1</dt>
			<dd>解释小图片</dd>
		</dl>
		<ul>
			<li>每当想起你时</li>
			<li class="m">这世界那么多人</li>
			<li class="t">寂寞烟火</li>
			<li>记忆停留</li>
		</ul>
	</body>
</html>